import {
  request
} from "../../request/index.js";
import {
  showToast
} from "../../utils/asyncWx.js";
import regeneratorRuntime from '../../lib/runtime/runtime.js';


Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品对象
    goodsObj: {},
    // 是否已收藏
    isCollect: false,
  },

  // 商品信息
  GoodsInfo: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let {
      goods_id
    } = options

    // 获取商品详情
    this.getgoodsObj(goods_id);
  },
  /**
   * 生命周期函数--监听页面打开
   */
  onShow: function() {
    // onShow 方法中不存在 options 参数，那么我们可以通过页面栈来获取 options
    // 1 获取页面栈
    let pages = getCurrentPages();
    // 2 获取当前页面栈
    let currentPage = pages[pages.length - 1];
    // 3 获取 options
    let options = currentPage.options;
    // 获取ID
    const id = parseInt(options.goods_id);

    // 收藏操作==============================
    // 1 获取收藏列表对象 -- 商品收藏
    let collect = wx.getStorageSync("collect").goods || [];
    // 2 判断该商品是否存在于收藏队列
    let isCollect = collect.length && collect.findIndex(v => v === id) !== -1;
    // 3 改变Data
    this.setData({
      isCollect
    })
  },

  /**
   * 获取商品详情
   * @param goods_id 商品ID
   */
  async getgoodsObj(goods_id) {
    const res = await request({
      url: "/goods/detail",
      data: {
        goods_id
      }
    });
    this.GoodsInfo = res.message
    this.setData({
      /**
       * Data中存放的数据是前台页面所用得到的，而API接口传的数据大部分用不到，所以就需要封装下数据。
       */
      goodsObj: {
        goods_price: this.GoodsInfo.goods_price,
        pics: this.GoodsInfo.pics,
        goods_name: this.GoodsInfo.goods_name,
        goods_introduce: this.GoodsInfo.goods_introduce
      }
    })
  },

  /**
   * 鼠标点击方法图片预览
   */
  handlePrevewImage(event) {
    const urls = this.data.goodsObj.pics.map(v => v.pics_mid_url);
    const current = event.currentTarget.dataset.current;
    wx.previewImage({
      current,
      urls
    })
  },

  /**
   * 加入购物车
   */
  handleAddCart() {
    // 1 查询缓存
    let cart = wx.getStorageSync("cart") || [];
    // 2 判断商品是否存在于购物车中
    let index = cart.findIndex(v => v.goods_id === this.GoodsInfo.goods_id);
    if (index === -1) {
      // 2.1 不存在 第一次添加
      this.GoodsInfo.num = 1; //商品数量
      this.GoodsInfo.checked = true; //商品选中，购物车中需要用到
      cart.push(this.GoodsInfo)
    } else {
      // 2.2 存在
      cart[index].num++;
    }

    wx.setStorageSync("cart", cart);

    // 添加成功提示
    wx.showToast({
      title: '加入购物车成功',
      icon: "success",
      mask: true
    })
  },

  /**
   * 收藏按钮监听
   */
  async handleItemCollect(e) {
    // 是否已收藏
    let isCollect = !this.data.isCollect;
    // ID
    const id = this.GoodsInfo.goods_id;

    // 1 获取缓存中的收藏列表对象
    let collect = wx.getStorageSync("collect") || {};
    // 商品收藏对象
    let goodsCollect = collect.goods || [];
    // 商品下标
    let index = goodsCollect.findIndex(v => v === id);
    // 2 判断是否存在该收藏对象
    if (index !== -1) {
      // 存在，从收藏对象中删除
      goodsCollect.splice(index, 1);
      await showToast({
        title: "取消收藏成功",
        icon: "success"
      });
    } else {
      // 不存在，添加进收藏
      goodsCollect.push(id);
      await showToast({
        title: "收藏成功",
        icon: "success"
      });
    }
    // 3 改变Data 并 将收藏对象存入缓存中
    collect["goods"] = goodsCollect;
    console.log(collect)
    wx.setStorageSync("collect", collect);
    this.setData({
      isCollect
    })
  },
})